.software-box
  position: relative;
  >.content-list
    position: relative
    >.bottom
      padding-left: 10rem
    >.top
      width: 100%
      margin: 2rem 0
      >ul
        position: relative
        >li
          display flex
          padding 0 2rem
          >.right
            flex 6
            border-bottom .1rem solid #f1f1f1
            padding-bottom: 1rem
            >.title
              font-size: 2.2rem
              font-weight: 600
              color #000
              cursor pointer
              margin-top: 1.5rem
              display flex
              align-items center
              >p
                margin-bottom: .2rem
                &:hover
                  text-decoration underline
            >.a-content
              margin: 0 0 .8rem;
              font-size: 1.4rem
              line-height: 2.4rem
              color: #999;
              overflow hidden
              text-overflow ellipsis
              display -webkit-box
              -webkit-line-clamp 2
              -webkit-box-orient vertical
            >.bottom
              width: 100%
              display flex
              align-items center
              >span
                margin: 0 1rem
                color: #999;
                font-size: 1.3rem
          >.left
            flex 6
            max-width 23rem
            min-width 23rem
            display flex
            align-items center
            justify-content center
            flex-direction column
            >.img
              width: 18rem
              height: 12rem
              object-fit contain